<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <th:block th:include="include :: header('详情')" />
    <link rel="stylesheet " href="../static/css/projectAll/projectAllDetail.css " th:href="@{/css/projectAll/projectAllDetail.css}"/>
    <link rel="stylesheet " href="../static/css/projectAll/projectIndex.css" th:href="@{/css/projectAll/projectIndex.css}"/>
</head>

<body>
    <div class="container-div">
        <div class="tabsnav search-collapse">
            <ul class="nav_tabs">
                <li class="tab-item active">项目基本信息</li>
                <li class="tab-item">位置信息</li>
                <li class="tab-item">单位工程</li>
                <li class="tab-item">勘察成果审查信息</li>
                <li class="tab-item">施工图审查信息</li>
                <li class="tab-item">招投标信息</li>
                <li class="tab-item">监督信息</li>
                <li class="tab-item">施工许可信息</li>
                <li class="tab-item">竣工备案信息</li>
                <li class="tab-item">返回</li>
            </ul>
        </div>
        <div class="tabsbody ">
            <div class="tabsbody-item">
                <form action="">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td>
                                    <div class="page-title">
                                        <span>项目基本信息</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td class="tdTitle">项目编号 </td>
                                                <td class="tdContent">4601002019473</td>
                                                <td class="tdTitle">项目名称 </td>
                                                <td colspan="2" class="tdContent" th:text="${projectName}"></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目所在市(县)</td>
                                                <td class="tdContent">海口市</td>
                                                <td class="tdTitle">所在区</td>
                                                <td class="tdContent" colspan="2">秀英区</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">是否政府投资项目</td>
                                                <td class="tdContent">否</td>
                                                <td class="tdTitle">项目类型</td>
                                                <td class="tdContent" colspan="2">商品住宅</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目地址</td>
                                                <td class="tdContent" colspan="4" th:text="${projectAddress}"></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目造价(万元)</td>
                                                <td class="tdContent" th:text="${projectPrice}"></td>
                                                <td class="tdTitle">建筑总面积(㎡)</td>
                                                <td class="tdContent" colspan="2" th:text="${projectArea}"></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">地上建筑面积(㎡)</td>
                                                <td class="tdContent">34147.8</td>
                                                <td class="tdTitle">地下建筑面积(㎡)</td>
                                                <td class="tdContent" colspan="2">11407.3</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle" style="text-align: center;">发改部门立项批准文号
                                                </td>
                                                <td class="tdContent" colspan="4">2019-460105-70-03-002592</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目状态</td>
                                                <td class="tdContent">在建</td>
                                                <td class="tdTitle">安全文明施工措施费(万元))</td>
                                                <td class="tdContent" colspan="2">0</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">建设工程规划许可证扫描件</td>
                                                <td class="tdContent" colspan="4"><a href="#">下载</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">发改部门立项批准文件扫描件</td>
                                                <td class="tdContent" colspan="4"><a href="#">查看</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">建设单位</td>
                                                <td class="tdContent" colspan="4"><a th:href="@{'/enterprise/enterpriseAll/detail?name='+${projectCompany}}">[[${projectCompany}]]</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">监督站</td>
                                                <td class="tdContent" colspan="4" href="/enterprise/enterpriseAll/detail?name=海口市秀英区建设工程质量安全监督站">海口市秀英区建设工程质量安全监督站</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目简述</td>
                                                <td class="tdContent" colspan="4"> </td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">经度</td>
                                                <td class="tdContent">0</td>
                                                <td class="tdTitle">纬度</td>
                                                <td class="tdContent" colspan="2">0</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">市政建设规模</td>
                                                <td class="tdContent" colspan="4">规划总用地面积10847.83，总建筑面积46250.47。18#、19#、20#、21#总高10层每栋面积为2654.95，22#、23#为25层每栋面积为11172.84.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
            </div>
            <div class="tabsbody-item">
                
            </div>
            <div class="tabsbody-item">
               <div class="col-sm-12 select-table table-striped">
                <table id="unit-engineering"></table>
               </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
	                <table id="survey-results"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
	                <table id="construction-drawing-review"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
	                <table id="bidding"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
	                <table id="supervisory-information"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
		            <table id="consturctionCertInfo"></table>
		        </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
		            <table id="completionRecordInfo"></table>
		        </div>
            </div>
            <div class="tabsbody-item"></div>
        </div>

    </div>

    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
    var prefix = ctx + "project/projectCompleted";
    
        $(document).ready(function () {
        	$('.nav_tabs li').each(function(index){
        		if($(this).hasClass("active")){
        			var index = $(this).index();
        			$(".tabsbody .tabsbody-item").eq(index).show().siblings().hide();
        		}
        	})
            $('.nav_tabs li').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                var index = $(this).index();
                var textname = $(this).text();
               if($(this).text() == '返回'){
            	   window.history.back(-1);
               };
                $(".tabsbody .tabsbody-item").eq(index).show().siblings().hide();
            	switch(textname){
            	case '施工许可信息': consturctionCertInfo();
            	break;
            	case '竣工备案信息': completionRecordInfo();
            	break;
            	case '监督信息': supervisoryInformation();
            	break;
            	case '单位工程': unitEngineering();
            	break;
            	case '勘察成果审查信息': surveyResults();
            	break;
            	case '施工图审查信息': constructionDrawingReview();
            	break;
            	}
            
            }); 
        	function unitEngineering(){
            	var options = {
            			showSearch:false,
                      	showRefresh:false,
                      	showToggle:false,
                      	showColumns:false,
               	id:'unit-engineering',		
               	url: prefix + "/unitEngineering",
               	//detailUrl: prefix + "/unitEngineering/{id}",
               	modalName: "单位工程",
                columns: [
                {
                    field : 'id', 
                    title : '序号',
                    formatter: function (value, row, index) {

                        return index + 1;
                    }
                },
                {
                    field : 'name', 
                    title : '单位工程名称',
                    formatter: function (value, row, index) {
	                    var actions = [];
	                    actions.push('<a href="'+prefix+'/unit/detail?name='+value+'">'+value+'</a>');
	                    return actions.join('');
	                }
                },
                {
                    field : 'status', 
                    title : '工程状态'
                },
                {
                    field : 'areaAll', 
                    title : '建筑总面积(㎡)'
                },
                {
                    field : 'areaUp', 
                    title : '地上建筑面积(㎡)'
                },
                {
                    field : 'areaDown', 
                    title : '地下建筑面积(㎡)'
                },
                {
                    field : 'totalLayer', 
                    title : '总层数'
                }
                ]
            }
            	$.table.init(options);
            }
            
            function surveyResults(){
       	        var options = {
       	        		showSearch:false,
       	              	showRefresh:false,
       	              	showToggle:false,
       	              	showColumns:false,
              	id:'survey-results',		
              	url: prefix + "/surveyResults",
              	//detailUrl: prefix + "/unitEngineering/{id}",
              	modalName: "勘察成果审查",
                columns: [
                	{
					    field : 'guid', 
					    title : '序号',
					    visible: false
					},
					{
					    field: 'id',
					    title: '序号',
					    formatter: function (value, row, index) {
					
					        return index + 1;
					    }
					}, {
                        field: 'unitengineeringname',
                        title: '工程名称',
                        formatter: function (value, row, index) {
                            var actions = [];
                            actions.push('<a href="'+prefix+'/surveyResultsDetail?unitengineeringname='+row.unitengineeringname+'&projectName='+row.projectName+'">'+value+'</a>'); 
        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                            return actions.join('');
                        }
                    },
                    {
                        field: 'constructunit',
                        title: '建设单位',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                        field: 'Reconnaissanceunit',
                        title: '勘察单位',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                        field: 'censorship',
                        title: '审查机构',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                    field: 'state',
                    title: '状态'
                }]
	            }
	        	$.table.init(options);
            }
            
            function constructionDrawingReview(){
            	var options = {
            			showSearch:false,
                      	showRefresh:false,
                      	showToggle:false,
                      	showColumns:false,
              	id:'construction-drawing-review',		
              	url: prefix + "/constructionDrawingReview",
              	//detailUrl: prefix + "/unitEngineering/{id}",
              	modalName: "施工图审查",
              	columns: [{
				    field : 'guid', 
				    title : '序号',
				    visible: false
				},
				{
				    field: 'id',
				    title: '序号',
				    formatter: function (value, row, index) {
				
				        return index + 1;
				    }
				}, {
                        field: 'unitengineeringname',
                        title: '工程名称',
                        formatter: function (value, row, index) {
                            var actions = [];
                            actions.push('<a href="'+prefix+'/constructionDrawingReviewDetail?unitengineeringname='+row.unitengineeringname+'&projectName='+row.projectName+'">'+value+'</a>'); 
    //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                            return actions.join('');
                        }
                    }, 
                    {
                        field: 'constructunit',
                        title: '建设单位',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                        field: 'designunit',
                        title: '设计单位',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                        field: 'censorship',
                        title: '审查机构',
                        formatter: function (value, row, index) {
	                            var actions = [];
	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
	                            return actions.join('');
	                        }
                    },
                    {
                    field: 'state',
                    title: '状态'
                }]
            	}
	        	$.table.init(options);
            }
            
            $('#bidding').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '标段名称'
                },
                {
                    field : 'tenderType', 
                    title : '招标类型'
                },
                {
                    field : 'biddingOrganization', 
                    title : '招标组织形式'
                },
                {
                    field : 'biddingMethod', 
                    title : '招标方式'
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'biddingAgency', 
                    title : '招标代理机构'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ]/* ,
                data: [{
   	                    id: ,
   	                    name: ,
   	                    constructionUnit: ,
   	                    reconnaissanceUnit: ,
   	                    censorship: ,
   	                    status: ,
   	                }] */
            });
            
            function supervisoryInformation(){
                //$('#supervisory-information').bootstrapTable({
                	var options = {
                			showSearch:false,
                          	showRefresh:false,
                          	showToggle:false,
                          	showColumns:false,
        			id:'supervisory-information',		
                   	url: prefix + "/supervisoryInformation",
                   	detailUrl: prefix + "/supervisoryInformationDetail/{id}",
                   	modalName: "监督信息",
                    columns: [
                    {
                        field : 'id', 
                        title : '序号',
    					formatter: function (value, row, index) {
    						
    					    return index + 1;
    					}
                    },
                    {
                        field : 'name', 
                        title : '工程名称',
                        formatter: function (value, row, index) {
    	                    var actions = [];
    	                    //actions.push('<a href="'+prefix+'/detail?name='+value+'">'+value+'</a>');
    	                    actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + value + '\')">'+value+'</a> ');
    	                    return actions.join('');
    	                }
                    },
                    {
                        field : 'unitEngineering', 
                        title : '单位工程'
                    },
                    {
                        field : 'supervisionUnit', 
                        title : '监督单位',
                                                formatter: function (value, row, index) {
                        	                            var actions = [];
                        	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                        	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                        	                            return actions.join('');
                        	                        }
                    },
                    {
                        field : 'status', 
                        title : '状态'
                    },
                    {
                        field : 'applicationTime', 
                        title : '申请时间'
                    }]
                  }
                	$.table.init(options);
                }
            
            function consturctionCertInfo(){
            	var options = {
            			showSearch:false,
                      	showRefresh:false,
                      	showToggle:false,
                      	showColumns:false,
                    	id:'consturctionCertInfo',		
                    	url: prefix + "/consturctionLicenceInfo",
                    	//detailUrl: prefix + "/consturctionCertInfoDetail/{id}",
                    	modalName: "施工许可",
                        columns: [
                        {
                            field : 'guid', 
                            title : '施工许可标识符',
                            visible: false
                        },
                        {
	                        field: 'id',
	                        title: '序号',
	                        formatter: function (value, row, index) {
	
	                            return index + 1;
	                        }
                        },
                        {
                            field : 'unitengineeringname',
                            title : '工程名称',
                            formatter: function (value, row, index) {
                                 var actions = [];
                                 //actions.push('<a href="'+prefix+'/consturctionCertInfoDetail?name='+value+'">'+value+'</a>');
                                 //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.guid + '\')">'+value+'</a> ');
                                 actions.push('<a href="'+prefix+'/consturctionCertInfoDetail?guid='+row.guid+'">'+value+'</a>');
                                 //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                                 return actions.join('');
                            }
                        },
                        {
                            field : 'constructunit', 
                            title : '建设单位',
                                                    formatter: function (value, row, index) {
                            	                            var actions = [];
                            	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                            	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                            	                            return actions.join('');
                            	                        }
                        },
                        {
                            field : 'totalcompany', 
                            title : '施工总包单位',
                                                    formatter: function (value, row, index) {
                            	                            var actions = [];
                            	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                            	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                            	                            return actions.join('');
                            	                        }
                        },
                        {
                            field : 'compactprice', 
                            title : '施工合同金额（万元）'
                        },
                        {
                            field : 'developmentscope', 
                            title : '建设规模（平方米）'
                        },
                        {
                            field : 'state', 
                            title : '状态'
                        }]
                    	}
                    	$.table.init(options);
            }
           
            //$('#completionRecordInfo').bootstrapTable({
            function completionRecordInfo(){
            var options = {
            		showSearch:false,
                  	showRefresh:false,
                  	showToggle:false,
                  	showColumns:false,
              	id:'completionRecordInfo',		
              	url: prefix + "/completionRecordInfo",
              	detailUrl: prefix + "/completionRecordInfoDetail/{id}",
              	modalName: "竣工备案",
                columns: [
                {
                    field : 'guid', 
                    title : '序号',
                    visible: false
                },
                {
                    field: 'id',
                    title: '序号',
                    formatter: function (value, row, index) {

                        return index + 1;
                    }
                },
                {
                    field : 'engineeringname', 
                    title : '工程名称',
                    formatter: function (value, row, index) {
                         var actions = [];
                         //actions.push('<a href="'+prefix+'/consturctionCertInfoDetail?name='+value+'">'+value+'</a>');
                         //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.guid + '\')">'+value+'</a> ');
                         actions.push('<a href="'+prefix+'/completionRecordInfoDetail?guid='+row.guid+'">'+value+'</a>');
                         //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                         return actions.join('');
                    }
                },
                {
                    field : 'constructunit', 
                    title : '建设单位',
                                            formatter: function (value, row, index) {
                    	                            var actions = [];
                    	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                    	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                    	                            return actions.join('');
                    	                        }
                },
                {
                    field : 'constructionunit', 
                    title : '施工单位',
                                            formatter: function (value, row, index) {
                    	                            var actions = [];
                    	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                    	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                    	                            return actions.join('');
                    	                        }
                },
                {
                    field : 'inchargedepartment', 
                    title : '审查机构',
                                            formatter: function (value, row, index) {
                    	                            var actions = [];
                    	                            actions.push('<a href="/enterprise/enterpriseAll/detail?name='+value+'">'+value+'</a>'); 
                    	        //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                    	                            return actions.join('');
                    	                        }
                },
                {
                    field : 'state', 
                    title : '状态'
                }]
            }
            $.table.init(options);
            }
        });
    </script>
</body>

</html>